@import './common';

.cells-container{
	box-sizing:border-box;
	border-top: setSize(24) solid rgba(248,248,248,1);
	border-bottom: setSize(24) solid rgba(248,248,248,1);
}

.cells{
	box-sizing:border-box;
	padding:0 setSize(24);
	background-color: #fff;

	.cell+.cell{
		border-top:setSize(2) solid $bgWin;
	}

	.cell{
		align-items:center;
		box-sizing:border-box;
		padding: setSize(24) 0;

		.cell-item{
			height: setSize(48);
			line-height: setSize(48);
			overflow: hidden;
			white-space: nowrap;
			text-overflow:ellipsis;

			.cell-item-text{
				font-size: setSize(30);			
			}
		}

		.sub-text{
			font-size:setSize(30);
			font-weight:400;
			color:rgba(112,112,112,1);
		}

		.text-active{
			color: #FA6B2F;
		}
	}
}

.section{
	box-sizing:border-box;
	padding:0 setSize(24);
	background-color:#fff;

	.title{
		box-sizing:border-box;
		padding:setSize(25) 0;
		font-size:setSize(30);
		font-weight:500;
		color:rgba(51,51,51,1);
		border-bottom:setSize(1) solid #E6E6E6;
	}

	.content-box{
		box-sizing:border-box;
		padding:setSize(30) 0 setSize(20);
		color: #999;
		font-weight:400;
		overflow: hidden;

		.progress{
			box-sizing:border-box;
			padding:setSize(16) setSize(40) 0 setSize(20);

			.dot-box{
				position: relative;

				.dot{
					width: setSize(16);
					height: setSize(16);
					border-radius:50%;
					background-color:#DBDBDB;
				}

				.line{
					position:absolute;
					left: setSize(16/2);
					width: setSize(1);
					height: setSize(1000);
					background-color:#DBDBDB;
				}

				.line-top{
					bottom: setSize(16);
				}

				.line-bottom{
					top: setSize(16);
				}
			}
		}

		.text-box{

			.text{
				font-size: setSize(30);
				color: $mainColor;
			}

			.sub-text{
				margin-top: setSize(10);
				font-size: setSize(26);
			}
		}

		.time{
			font-size: setSize(22);
		}
	}
}